'use client';

import React from 'react';
import styles from './QuickStart.module.scss';

const QuickStartPage: React.FC = () => {
  return (
    <div className={styles.quickStartContainer}>
      <div className={styles.header}>
        <h1>🚀 快速入门</h1>
        <p>欢迎来到AIGC教育平台！通过以下指南快速了解和使用我们的平台。</p>
      </div>
      
      <div className={styles.iframeContainer}>
        <iframe
          src="https://swsdz5h3go6.feishu.cn/wiki/RqQ7w4kQIio2UqkxmVHcHNTGnrb"
          className={styles.embeddedFrame}
          title="快速入门指南"
          frameBorder="0"
          allowFullScreen
        />
      </div>
      
      <div className={styles.footer}>
        <p>如果无法正常显示，请直接访问：
          <a 
            href="https://swsdz5h3go6.feishu.cn/wiki/RqQ7w4kQIio2UqkxmVHcHNTGnrb" 
            target="_blank" 
            rel="noopener noreferrer"
            className={styles.directLink}
          >
            快速入门指南
          </a>
        </p>
      </div>
    </div>
  );
};

export default QuickStartPage;